<template>
    <div class="navbar">
        <van-nav-bar :title="title" :border="border" left-arrow @click-left="onClickLeft">
            <template #left>
                <img :style="{width:widthPx,height:heightPx}" src="@/assets/iconPerfectInformation/nav_back@2x.png" />
            </template>
        </van-nav-bar>
    </div>
</template>

<script>
export default {
    name: "Login",
    props:{
        widthPx:{
            default:'28px',
            type:String
        },
        heightPx:{
            default:'28px',
            type:String
        },
        title:{
            default:'',
            type:String
        },
        border:{
            default:false,
            type:Boolean
        }
    },
    data() {
        return {
        };
    },
    methods: {
        onClickLeft() {
            this.$emit('onClickLeft')
        }
    },
};
</script>

<style scoped lang="scss">
.navbar {
    width: 100%;
}

</style>
